<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/product-list.css"/>
</head>
<body>
<div class="header">
    <div class="header-content">
        <div class="header-content-left">
            您好，欢迎光临萌萌鲜花商城！ <span>[登录]</span> <span>[免费注册]</span>
        </div>
        <div>
            <img src="../img/phone.png" alt="phone"/> 010-890897
            <span>我的账户</span>
            <span>我的订单</span>
            <span>我的购物车</span>
            <span>收藏本站</span>
            <span>客服中心</span>
            <span>帮助中心</span>
        </div>
    </div>
</div>
<div class="top">
    <div class="top-function">
        <div><img src="../img/logo.png" alt="logo"/></div>
        <div class="top-center">
            <div class="function-search">
                <a href="#">商品</a>
                <input type="text" placeholder="查找您需要的商品"/>
                <a href="#">搜索 <img src="../img/search.png" alt=""/></a>
            </div>
            <div class="function-shopping">
                <img src="../img/shopping-cart.png" alt=""/> 我的购物车 <img src="../img/daosanjiao.png" alt=""/>
            </div>
            <div class="hot-search">
                热门搜索： <span>鲜花配送</span> <span>鲜花包月</span> <span>爱情鲜花</span> <span>一夜情</span> <span>送好友闺蜜</span>
            </div>
        </div>
        <div class="qr-code">
            <img src="../img/qr-code.png" alt="qr-code"/>
        </div>
    </div>
    <div class="top-nav">
        <div>所有商品分类</div>
        <div>
            <ul>
                <li>首页</li>
                <li>全部鲜花</li>
                <li>爱情鲜花</li>
                <li class="nav-active">生气鲜花</li>
            </ul>
        </div>
    </div>
</div>
<div class="main-box">
    <div class="table-list">
        <table>
            <tr>
                <td>用途</td>
                <td>
                    <span class="list-active">爱情鲜花</span>
                    <span>友情鲜花</span>
                    <span>生日鲜花</span>
                    <span>问候长辈</span>
                    <span>探病慰问</span>
                    <span>道歉鲜花</span>
                    <span>婚庆鲜花</span>
                    <span>祝贺鲜花</span>
                    <span>哀思鲜花</span>
                    <span>商务鲜花</span>
                    <span>自选鲜花</span>
                    <span>港澳台送花</span>
                    <span>更多^</span>
                </td>
            </tr>
            <tr>
                <td>花材</td>
                <td>
                    <span>玫瑰</span>
                    <span class="list-active">红玫瑰</span>
                    <span>粉玫瑰</span>
                    <span>白玫瑰</span>
                    <span>紫玫瑰</span>
                    <span>蓝玫瑰</span>
                    <span>香槟玫瑰</span>
                    <span>黄玫瑰</span>
                    <span>康乃馨</span>
                    <span>百合</span>
                    <span>扶朗</span>
                    <span>向日葵</span>
                    <span>更多^</span>
                </td>
            </tr>
            <tr>
                <td>颜色</td>
                <td>
                    <span>红色</span>
                    <span class="list-active">粉色</span>
                    <span>香槟</span>
                    <span>黄色</span>
                    <span>白色</span>
                    <span>紫色</span>
                    <span>蓝色</span>
                </td>
            </tr>
            <tr>
                <td>类别</td>
                <td>
                    <span>花束</span>
                    <span class="list-active">花盒</span>
                    <span>瓶花</span>
                    <span>精品鲜花</span>
                    <span>果篮</span>
                    <span>桌面花篮</span>
                    <span>开业花篮</span>
                </td>
            </tr>
            <tr>
                <td>价格</td>
                <td>
                    <span>特价鲜花</span>
                    <span class="list-active">150元以下</span>
                    <span>150-250元</span>
                    <span>250-350元</span>
                    <span>350-550元</span>
                    <span>550-800元</span>
                    <span>800元以上</span>
                </td>
            </tr>
        </table>
        <div class="toggle-list">
            <button>收起^</button>
        </div>
    </div>
    <div class="select-list">
        <div class="select-list-top">
            <div>萌萌鲜花商城免费送货 <img src="../img/promise.png" alt=""/></div>
            <div>共<span>2957</span>件商品</div>
        </div>
        <div class="select-list-bottom">
            <div>
                <span>综合</span>
                <span>销量 <img src="../img/top.png" alt=""/></span>
                <span>价格 <img src="../img/bottom.png" alt=""/></span>
                <span>最新</span>
            </div>
            <div>
                <span>1/83</span>
                <span><</span>
                <span>></span>
            </div>
        </div>
    </div>
    <div class="floor-box">

    </div>
    <div class="select-page">
        <div>
            <span>《上一页</span>
            <span>1</span>
            <span>2</span>
            <span>3</span>
            ...
            <span>83</span>
            <span>下一页》</span>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-top">
        <div class="footer-img">
            <div><img src="../img/footer-1.png" alt=""/> <br/>退赔承诺</div>
            <div><img src="../img/footer-2.png" alt=""/> <br/>免费送货</div>
            <div><img src="../img/footer-3.png" alt=""/> <br/>正品保证</div>
        </div>
        <hr/>
        <div class="footer-text">
            <div>
                <ul>
                    <li>新手入门</li>
                    <li>公司介绍</li>
                    <li>关于我们</li>
                    <li>购物流程</li>
                    <li>交易付款</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>配送方式</li>
                    <li>厂家商家通知</li>
                    <li>接货须知</li>
                    <li>运费通知</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>支付方式</li>
                    <li>支付宝</li>
                    <li>财付宝</li>
                    <li>银行转账</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>售后服务</li>
                    <li>退换货政策</li>
                    <li>退换货流程</li>
                    <li>退款申请</li>
                    <li>退款方式</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bottom-banquan">
        copyright@2016 鲜花商务有限公司 版权所有
    </div>
    <div class="bottom-banquan">
        网络备案/许可证号：ICP备14001893
    </div>
    <div class="bottom-banquan">
        <img src="../img/bottom-1.png" alt=""/>
        <img src="../img/bottom-2.png" alt=""/>
        <img src="../img/bottom-3.png" alt=""/>
    </div>
</div>
<div class="right-box">
    <div><img src="../img/right-box/huiyuan.png" /></div>
    <div class="shop-cart">
        <img src="../img/right-box/shop-cart.png" />
        购<br/>物<br/>车<br/>
        <span>0</span>
    </div>
    <div><img src="../img/right-box/heart.png" alt=""/></div>
    <div><img src="../img/right-box/monney.png" alt=""/></div>
    <div><img src="../img/right-box/kefu.png" alt=""/></div>
    <div><img src="../img/right-box/phone.png" alt=""/></div>
    <div><img src="../img/right-box/weixin.png" alt=""/></div>
</div>
</body>
<script src="../js/jquery-1.10.1.js"></script>
<script src="../js/product-list.js"></script>
</html>